<template>
  <div class="main-wrapper">
      <div class="login-wrapper">
          <div class="login-box">
            <el-form :model="form" label-width="80px" >
                <span class="login-title">XXX管理系统</span>
                <el-form-item label="账号">
                    <el-input :model="form.username"></el-input>
                </el-form-item>
                    <el-form-item label="密码">
                    <el-input :model="form.password"></el-input>
                </el-form-item>
                 <el-form-item>
                    <el-button type="primary" @click="onSubmit">立即创建</el-button>
                    <el-button>取消</el-button>
                </el-form-item>
            </el-form> 
          </div>
      </div>
  </div>
</template>
<<script>
export default {
  data(){
      return {
          form: {
              username:'',
              password:''
          }
      }
  },
  methods:{
      onSubmit(){
          this.$router.push({path:'/'})
      }
  }
}
</script>
<style scoped>
    .login-wrapper{
       display: flex;
       justify-content: center;
    }
    .login-box{
        margin-top: 100px;
        width: 500px;
        height: 300px;
        border: 1px solid #ebebeb;
        border-radius: 3px;
        padding: 10px;
        /* background-color: blanchedalmond; */
    }
    .login-title{
        display: flex;
        justify-content: center;
        margin-top:10px;
        margin-bottom: 30px;
        font-size: larger;
    }
</style>

